<script setup>
import MostHeader from '@/components/MostHeader.vue';
import { EllipsisOutlined, EnvironmentOutlined, ProfileOutlined, ReadOutlined } from '@ant-design/icons-vue';
import { ref } from 'vue';

const tags = ref(['JVM', 'Java', '不接受居家办公', '分布式经验', '架构设计经验', 'Spring'])
</script>

<template>
    <div class="container">
        <div class="fixed">
            <MostHeader />

            <div style="width: 100%; background-color: white; justify-items: center;">
                <div class="components-page-header-demo-content" style="width: 75vw;">
                    <a-page-header title="Java开发工程师" class="site-page-header" sub-title="招聘中">
                        <template #tags>
                            <a-tag color="blue">13-17K</a-tag>
                        </template>
                        <template #extra>
                            <a-button key="3" type="text">补充医疗保险</a-button>
                            <a-button key="2" type="text">意外险</a-button>
                            <a-button key="1" type="text">年终奖</a-button>
                            <a-dropdown key="more">
                                <a-button :style="{ border: 'none', padding: 0 }">
                                    <EllipsisOutlined :style="{ fontSize: '20px', verticalAlign: 'top' }" />
                                </a-button>
                                <template #overlay>
                                    <a-menu>
                                        <a-menu-item>
                                            <a target="_blank" rel="noopener noreferrer" href="http://www.alipay.com/">
                                                1st menu item
                                            </a>
                                        </a-menu-item>
                                        <a-menu-item>
                                            <a target="_blank" rel="noopener noreferrer" href="http://www.taobao.com/">
                                                2nd menu item
                                            </a>
                                        </a-menu-item>
                                        <a-menu-item>
                                            <a target="_blank" rel="noopener noreferrer" href="http://www.tmall.com/">
                                                3rd menu item
                                            </a>
                                        </a-menu-item>
                                    </a-menu>
                                </template>
                            </a-dropdown>
                        </template>
                        <a-row class="content">
                            <div style="flex: 1">
                                <div>
                                    <EnvironmentOutlined />北京
                                    <ProfileOutlined />5-10年
                                    <ReadOutlined />本科
                                </div>
                                <div style="margin-top: 20px;">
                                    <a-button key="2" style="margin-right: 20px;">感兴趣</a-button>
                                    <a-button key="1" type="primary">立即沟通</a-button>
                                </div>
                            </div>
                        </a-row>
                    </a-page-header>
                </div>
            </div>
        </div>

        <div class="info">
            <h1>职位描述</h1>
            <div class="tags">
                <a-tag color="success" v-for="tag in tags">{{ tag }}</a-tag>
            </div>
            <div style="line-height: 30px;">
                工作职责：<br>
                （1）Java开发工程师，推动消费金融核心系统架构迭代升级，打造高并发、高性能、高可靠的新一代消费金融核心信贷中台系统<br>
                （2）为业务发展提供研发框架、监控、通用服务等基础设施 <br>
                （3）设计合理的业务和技术架构方案，并推进技术规范的落地 <br>
                （4）研发基础服务组件，解决共性需求，减少重复开发与运维 <br>
                （5）协助研发团队攻克高并发、数据隔离、系统解耦等方面的技术难关<br>
                （6）参与制定代码规范、测试规范，建立起开发质量控制方法<br>
                （7）与研发团队密切合作，能主动驱动团队，协调团队协作从而推动技术变革。
                职位要求：<br>
                （1）本科及以上学历，具备丰富的互联网基础架构领域研发经验<br>
                （2）精通java，熟悉互联网公司基础架构建设的常见选型<br>
                （3）优秀的数据库设计优化能力，熟悉MySQL<br>
                （4）熟悉IO、多线程及并发技术，熟悉计算机网络基础、常用运维领域开源系统的原理与实践<br>
                （5）熟练掌握服务化系统架构，如微服务、服务治理、Zookeeper、Thrift、分布式事务处理，特别是理解微服务架构的技术挑战，并有对应的解决方案<br>
                （6）扎实的技术基础，熟悉性能、可用性、伸缩性、扩展性、安全性、运维监控、集成发布等<br>
                （7）熟悉业务架构设计理论，熟悉行业常见的架构方案<br>
                （8）积极乐观，责任心强，工作认真细致，具备良好的服务意识，具有良好的团队沟通与协作能力<br>
                （9）热爱编程，有较强的学习能力和抽象能力，有强烈的求知欲、好奇心和进取心 ，能及时关注和学习业界技术。
            </div>
        </div>
    </div>
</template>

<style scoped>
.container {
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: center;
    background-color: #e2f2f5;
}

.fixed {
    width: 100%;
    justify-items: center;
    position: fixed;
    top: 0;
    z-index: 1;
}

.tags {
    justify-items: left;
    margin-bottom: 18px;
}

.info {
    margin-top: 270px;
    width: 75vw;
    background-color: #fff;
    padding: 3vw;
    margin-bottom: 20px;
    padding-top: 2vw;

    border-radius: 10px;
}
</style>